<!DOCTYPE html>
<html>
<head>
	<title>uphgall demo. Album2-css</title>
	<!--CSS-->
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<link rel="stylesheet" type="text/css" href="../css/prettify.css">
	<link rel="stylesheet" type="text/css" href="../css/reset.min.css">
	<link rel="stylesheet" type="text/css" href="../css/gallery.css">
	<link rel="stylesheet" type="text/css" href="../css/uphgall.css">
	<style type="text/css">
		html,body{display: block !important; overflow: hidden;}
		
		.uphgallAlbum2{
			width:	100%;
			height:	100%;
		}
		.uphgallAlbum2 .thumbs>li{
			width:	104px;
			height:	104px;
		}
	</style>
	<!--JS-->
	<script type="text/javascript" src="../js/jquery-1.7.2.min.js"></script>
	<script type="text/javascript" src="../js/showpagecode.js"></script>
	<script type="text/javascript" src="../js/jquery.uphgall.min.js"></script>
	<script type="text/javascript" src="../js/prettify/prettify.js"></script>
	<!--uphgall initialization-->
	<script type="text/javascript">
		uphgall({
			User:		'105114498487014071079',
			Album:		'5751299275091368497',
			AuthKey:	'Gv1sRgCOC5v9TFr_j01gE',
			GalleryId:	'.uphgallAlbum2'
		})
	</script>
</head>
<body>
	<!--gallery HTML-->
	<div class="uphgallAlbum2 cssanimation">
		<div class="canvas">
			<img class="img">
		</div>
		<div class="navigation">
			<div class="prev"><div>&lt;</div></div>
			<div class="next"><div>&gt;</div></div>
		</div>
		<div class="controls" >
			<ul class="pagination">
				<li class="prev">&lt;</li><!--
				--><li class="page"></li><!--
				--><li class="next">&gt;</li>
			</ul>
			<ul class="thumbs">
				<li>
					<img class="img">
					<div class="mark"></div>
				</li>
			</ul>
		</div>
	</div>
	<!--/gallery HTML-->
</body>
</html>
